<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8" isELIgnored="false"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="pg" uri="http://jsptags.com/tags/navigation/pager" %>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
	session.setAttribute("basePath", basePath);
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>结算订单推送</title>
<script type="text/javascript" src="${basePath }js/jquery-2.1.4.js"></script>
<script type="text/javascript" src="${basePath }js/bootstrap.min.js"></script>
<link rel="stylesheet" href="${basePath }css/bootstrap.min.css">
<script>
function open(){
	var flt = document.getElementById('info');
	flt.style.display = 'block';	
}
function close(){
	var flt = document.getElementById('info');
	flt.style.display = 'none';	
}
</script>
<style>
.divcss5{ 
	border-left:1px solid #00F
	} 
</style>
</head>
<body>
<!-- 悬浮弹窗 -->
<center>
<div class="thumbnail" style="width:450px;height:500px;display:none;position:absolute;top:100px;left:40%;background-color:#CCCCCC" id="info">
		<div style="background-color:white;width:420px;height:35px;padding-top:5px">
			<span style="float:left;color:red;border-radius: 5px;padding: 5px">订单详情</span>
		</div>
			<div style="background-color:#CCCCCC;width:100%;height:15px;"></div>
<!-- 		左边 -->
			<div style="float:left;width:5%;height:120px;background-color: #CCCCCC;"></div>
			<div style="float:left;width:30%;height:120px;background-color: #3333CC;">
				<strong style="float:left;padding-top:20px;padding-left:5px;color:white">桌号<br>1</strong><br>
				<br><br>
				<img class="img-thumbnail" style="width:20px;height:20px;object-fit:contain;" 
					src="${basePath }img/111.PNG" >
			</div>
<!-- 		右边 -->
			<div style="float:left;width:60%;height:120px;">
				<div  class="col-md-6" style="height:60px;background-color: #999999;">
					<strong>开始时间</strong><br>
					<small>2012-7-23<br>13:34:42</small>
				</div>
				<div  class="col-md-6" style="height:60px;background-color: #99FF66;">
					<strong>结餐时间</strong><br>
					<small>2012-7-23<br>14:34:42</small>
				</div><br>
				<div  class="col-md-6" style="height:60px;background-color: orange;">
					<strong>点餐服务员</strong><br>
					<small>Lisa</small>
				</div>
				<div  class="col-md-6" style="width:50%;height:60px;background-color: #CC99CC;">
					<strong>总价（元）</strong><br>
					<strong style="color:red;">95.5</strong>
				</div>
			</div>
			<div style="float:left;width:5%;height:120px;background-color: #CCCCCC;"></div>
			<div style="float:left;background-color:#CCCCCC;width:100%;height:15px;"></div>
			<div style="float:left;background-color:#FFCCCC;width:99%;height:35px;padding:10px;border-radius:5px">
				<span style="float:left;color:red;">订单详情</span></div>
				<div style="float:left;background-color:white;width:100%;height:230px;padding-top:10px;">该桌订单详情如下
					<table class="table table-striped table-hover">
					<tr>
						<th>菜品</th>
						<th>单价</th>
						<th>数量</th>
					</tr>
					<tr>
						<td>樱桃小丸子</td>
						<td>￥26.5</td>
						<td>3</td>					
					</tr>
					<tr>
						<td>川香回锅肉</td>
						<td>￥16.0</td>
						<td>1</td>						
					</tr>
					</table>
				</div>
			
		<a href="javascript:close()" style="width:30%;padding-bottom:0px;margin-right:5px;margin-top:10px;"
			class="btn btn-danger" >关闭</a>	
</div>
</center>
<!-- 上部 -->
<div class="row">
	<div style="float:left;height:60px;background-color: black" class="col-md-4">
		<p style="margin-left: 30px;margin-top: 13px;color: white;font-size: large">
			<img src="${basePath}img/icon.png">
			原地起飞 - 餐厅到店点餐系统</p>
	</div>
	<div style="float:left;background-color:black;height:60px;padding:13px;" class="col-md-4">
		<form class="form-inline" action="" method="post">
			<div class="form-group">
				<input type="text" class="form-control" id="send" style="width: 300px" name="" placeholder="公告">
			</div>
			<button type="submit" class="btn btn-default">发送</button>
			<span href="${basePath }/OrderSys/pages/index.jsp" style="color:white;">餐厅管理界面</span>
		</form>

	</div>
	<div style="float:left;background-color:black;height:60px;padding:5px;" class="col-md-4" >
		<p style="color:white;margin:15px">
			<img class="img-circle" src="${basePath}img/h1.png" style="width:30px;height:30px;object-fit:contain;">
			当前用户：【<a title="点击我即可修改信息" style="color:red;" href="${basePath }user/update.do?userId=${usermessage.userId}">
			${usermessage.userName }</a>】，身份为：${usermessage.roleDO.roleName}
			<a href="${basePath }/OrderSys/pages/login.jsp" style="float:right;margin-right:10px;color: white">退出登录</a>
			<a style="float:right;margin-right:10px;color: white" href="${basePath }/OrderSys/pages/AdminIndex.jsp">回到管理员界面</a>
		</p>
	</div>
</div>
<!-- 下部 -->
<div>
<!-- 	左边 -->
	<div style="float:left;background-color:#F2F2F2;width:20%;height:725px;">
			<p style="font-size: 25px;margin:15px">
				<img src="${basePath}img/manage.png" style="width:40px;height:40px;">
				运营功能</p>
			<img src="${basePath}/img/jie.PNG" style="width:30px;height:30px;margin:10px;object-fit:contain;">
			<a href="${basePath }OrderSys/admin/SettleOrderPass.jsp" style="color:#01A9DB;margin:10px">顾客结账界面</a>
			<!--<img style="height: 20px;width: 20px;margin: 3px"src="${basePath}img/infor.png" alt="" id="btn4">-->
			<p style="font-size: 25px;margin:15px">
				<img src="${basePath}img/eat.png" style="width:40px;height:40px;">
				餐厅管理</p>
			<img src="${basePath}img/user.png" style="width:30px;height:30px;margin:10px;object-fit:contain;">
			<a href="${basePath }user/browseuser.do" style="color:#01A9DB;margin:10px">员工管理</a><br>
			<img src="${basePath}img/location.png" style="width:30px;height:30px;margin:10px;object-fit:contain;">
			<a href="${basePath}foodtype/findAllFoodType.do" style="color:#01A9DB;margin:10px">菜品管理</a><br>
			<!-- <img src="${basePath}img/run.png" style="width:30px;height:30px;margin:10px;object-fit:contain;">
			<a href="" style="color:#01A9DB;margin:10px">查看经营数据</a> -->
	</div>
<!-- 	中间 -->
	<div style="float:left;background-color:white;width:5%;height:600px;margin:0px"></div>
	<!-- 右边 -->
	<div style="float:left;background-color:white;width:75%;height:800px;margin:0px">
		<div style="float:left;background-color:#FFD6CC;width:99%;height:42px;margin-top:10px;padding:10px;border-radius:5px">
			<span style="color:#881B00;">菜品清单</span>
		</div>
		<!-- <div style="float:left;background-color:white;width:99%;height:auto;padding:10px">
		<table style="object-fit:contain;">
		 <tr>
		 	<td>
		 		<div class="thumbnail" style="height:auto">
						<img class="foodinfo img-thumbnail" style="width:240px;height:160px;object-fit:contain;"
							src="${basePath }img/cherry512.png" alt="" id="btn4" onclick="javascript:show()">
						<div class="caption" style="float:center;width:240px;height:165px;object-fit:contain;">
							<center><h5>☆川香回锅肉</h5>
							<p><small>彩色鲜美，肥而..</small></p>
							<p>
							<a class="btn btn-default">-</a>
							<a class="btn btn-default" style="background-color:gold">4</a>
							<a class="btn btn-default">+</a>
							</p>
							<p>
								<a href="#" class="btn btn-danger" role="button" >加入点餐车</a>
							</p></center>
						</div>
					</div>
		 	</td>
		 	<td>
		 		<div class="thumbnail" style="height:auto">
						<img class="foodinfo img-thumbnail" style="width:240px;height:160px;object-fit:contain;"
							src="${basePath }img/cherry512.png" alt="" id="btn4" onclick="javascript:show()">
						<div class="caption" style="float:center;width:240px;height:165px;object-fit:contain;">
							<center><h5>☆川香回锅肉</h5>
							<p><small>彩色鲜美，肥而..</small></p>
							<p>
							<a class="btn btn-default">-</a>
							<a class="btn btn-default" style="background-color:gold">4</a>
							<a class="btn btn-default">+</a>
							</p>
							<p>
								<a href="#" class="btn btn-danger" role="button" >加入点餐车</a>
							</p></center>
						</div>
					</div>
		 	</td>
		 	<td>
		 		<div class="thumbnail" style="height:auto">
						<img class="foodinfo img-thumbnail" style="width:240px;height:160px;object-fit:contain;"
							src="${basePath }img/cherry512.png" alt="" id="btn4" onclick="javascript:show()">
						<div class="caption" style="float:center;width:240px;height:165px;object-fit:contain;">
							<center><h5>☆川香回锅肉</h5>
							<p><small>彩色鲜美，肥而..</small></p>
							<p>
							<a class="btn btn-default">-</a>
							<a class="btn btn-default" style="background-color:gold">4</a>
							<a class="btn btn-default">+</a>
							</p>
							<p>
								<a href="#" class="btn btn-danger" role="button" >加入点餐车</a>
							</p></center>
						</div>
					</div>
		 	</td>
		 	<td>
		 		<div class="thumbnail" style="height:auto">
						<img class="foodinfo img-thumbnail" style="width:240px;height:160px;object-fit:contain;"
							src="${basePath }img/cherry512.png" alt="" id="btn4" onclick="javascript:show()">
						<div class="caption" style="float:center;width:240px;height:165px;object-fit:contain;">
							<center><h5>☆川香回锅肉</h5>
							<p><small>彩色鲜美，肥而..</small></p>
							<p>
							<a class="btn btn-default">-</a>
							<a class="btn btn-default" style="background-color:gold">4</a>
							<a class="btn btn-default">+</a>
							</p>
							<p>
								<a href="#" class="btn btn-danger" role="button" >加入点餐车</a>
							</p></center>
						</div>
					</div>
		 	</td>
		</tr>
		</table> 
		</div>-->
		<a style="float:right;color:#01A9DB;margin-right:30px;" href="#" class="btn btn-default" role="button">更多特色菜品</a>
		<div style="float:left;background-color:#FFD6CC;width:99%;height:42px;margin-top:10px;padding:10px;border-radius:5px">
			<span style="color:#881B00;">待结账餐桌信息</span>
		</div>
		<div style="float:left;background-color:white;width:99%;height:auto;padding:10px">
			<table class="table table-striped table-hover">
					<tr>
						<th>桌号</th>
						<th>开餐时间</th>
						<th>结账时间</th>
						<th>总价</th>
						<th>操作</th>
					</tr>
					<tr>
						<td>1</td>
						<td>2020-7-23 15:23:41</td>
						<td>2020-7-23 15:25:30</td>
						<td>￥<big style="color:red">72</big></td>
						<td>
						<div class="btn-group" role="group" aria-label="...">
							<a href="javascript:open()" class="btn btn-success">详情</a>
							<a class="btn  btn-warning">编辑</a>
							<a class="btn  btn-danger">删除</a>
						</div>
						</td>
					</tr>
					<tr>
						<td>2</td>
						<td>2020-7-23 11:00:41</td>
						<td>2020-7-23 11:25:30</td>
						<td>￥<big style="color:red">186</big></td>
						<td>
						<div class="btn-group" role="group" aria-label="...">
							<a href="javascript:open()" class="btn  btn-success">详情</a>
							<a class="btn  btn-warning">编辑</a>
							<a class="btn  btn-danger">删除</a>
						</div>
						</td>
					</tr>
				</table>
				<hr>
				<div style="float:left;background-color:white;width:99%;height:25px;padding:5px;">
						<small><p>©重庆交通大学-2017-实训-ydqf-liang</p></small>
					</div>
		</div>
	</div> -->
</div>
</body>
</html>